﻿<!DOCTYPE html>
<html>
  <head>
    <title>
        首页 - Se7en - 最好的Bootstrap后台主题框架
    </title>
    <meta charset="utf-8">
    <meta name="keywords" content="Bootstrap后台主题框架,ios7风格后台框架,响应式后台框架" />
    <meta name="description" content="Se7en是一个基于基于Bootstrap3的，仿ios7风格的，完全响应式的后台框架，内置了5套简单的皮肤模板，她还加入了近20个国外优秀的开源项目，并可简单组合与拆卸。" />
    <link href="css/afd4f9501333436c899d606225ecabda.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/font-awesome.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/se7en-font.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/isotope.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/jquery.fancybox.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/fullcalendar.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/wizard.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/select2.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/morris.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/datatables.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/datepicker.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/timepicker.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/colorpicker.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/bootstrap-switch.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/daterange-picker.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/typeahead.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/summernote.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/pygments.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/style.css" media="all" rel="stylesheet" type="text/css" />
      <link href="css/green.css" media="all" rel="alternate stylesheet" title="green-theme" type="text/css" />
      <link href="css/orange.css" media="all" rel="alternate stylesheet" title="orange-theme" type="text/css" />
      <link href="css/magenta.css" media="all" rel="alternate stylesheet" title="magenta-theme" type="text/css" />
      <link href="css/gray.css" media="all" rel="alternate stylesheet" title="gray-theme" type="text/css" />
      <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
      <script src="js/jquery-ui.js" type="text/javascript"></script>
      <script src="js/bootstrap.min.js" type="text/javascript"></script>
      <script src="js/raphael.min.js" type="text/javascript"></script>
      <script src="js/selectivizr-min.js" type="text/javascript"></script>
      <script src="js/jquery.mousewheel.js" type="text/javascript"></script>
      <script src="js/jquery.vmap.min.js" type="text/javascript"></script>
      <script src="js/jquery.vmap.sampledata.js" type="text/javascript"></script>
      <script src="js/jquery.vmap.world.js" type="text/javascript"></script>
      <script src="js/jquery.bootstrap.wizard.js" type="text/javascript"></script>
      <script src="js/fullcalendar.min.js" type="text/javascript"></script>
      <script src="js/gcal.js" type="text/javascript"></script>
      <script src="js/jquery.datatables.min.js" type="text/javascript"></script>
      <script src="js/datatable-editable.js" type="text/javascript"></script>
      <script src="js/jquery.easy-pie-chart.js" type="text/javascript"></script>
      <script src="js/excanvas.min.js" type="text/javascript"></script>
      <script src="js/jquery.isotope.min.js" type="text/javascript"></script>
      <script src="js/isotope_extras.js" type="text/javascript"></script>
      <script src="js/modernizr.custom.js" type="text/javascript"></script>
      <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script>
      <script src="js/select2.js" type="text/javascript"></script>
      <script src="js/styleswitcher.js" type="text/javascript"></script>
      <script src="js/wysiwyg.js" type="text/javascript"></script>
      <script src="js/summernote.min.js" type="text/javascript"></script>
      <script src="js/jquery.inputmask.min.js" type="text/javascript"></script>
      <script src="js/jquery.validate.js" type="text/javascript"></script>
      <script src="js/bootstrap-fileupload.js" type="text/javascript"></script>
      <script src="js/bootstrap-datepicker.js" type="text/javascript"></script>
      <script src="js/bootstrap-timepicker.js" type="text/javascript"></script>
      <script src="js/bootstrap-colorpicker.js" type="text/javascript"></script>
      <script src="js/bootstrap-switch.min.js" type="text/javascript"></script>
      <script src="js/typeahead.js" type="text/javascript"></script>
      <script src="js/daterange-picker.js" type="text/javascript"></script>
      <script src="js/date.js" type="text/javascript"></script>
      <script src="js/morris.min.js" type="text/javascript"></script>
      <script src="js/skycons.js" type="text/javascript"></script>
      <script src="js/fitvids.js" type="text/javascript"></script>
      <script src="js/jquery.sparkline.min.js" type="text/javascript"></script>
      <script src="js/main-social.js" type="text/javascript"></script>
      <script src="js/respond.js" type="text/javascript"></script>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
  </head>
  <body>
    <div class="modal-shiftfix">
      <!-- Navigation -->
      <div class="navbar navbar-fixed-top scroll-hide">
      <div class="container-fluid top-bar">
          <div class="pull-right">
              <ul class="nav navbar-nav pull-right">
                  <li class="dropdown notifications hidden-xs">
                      <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span aria-hidden="true" class="se7en-flag"></span>
                          <div class="sr-only">
                              通知
                          </div>
                          <p class="counter">
                              4
                          </p>
                      </a>
                      <ul class="dropdown-menu">
                          <li><a href="#">
                              <div class="notifications label label-info">
                                  新
                              </div>
                              <p>
                                  新加入用户：王晓
                              </p></a>

                          </li>
                          <li><a href="#">
                              <div class="notifications label label-info">
                                  新
                              </div>
                              <p>
                                  销售目标
                              </p></a>

                          </li>
                          <li><a href="#">
                              <div class="notifications label label-info">
                                  新
                              </div>
                              <p>
                                  新性能指标
                              </p></a>

                          </li>
                          <li><a href="#">
                              <div class="notifications label label-info">
                                  新
                              </div>
                              <p>
                                  提供新的经济增长数据
                              </p></a>

                          </li>
                      </ul>
                  </li>
                  <li class="dropdown messages hidden-xs">
                      <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span aria-hidden="true" class="se7en-envelope"></span>
                          <div class="sr-only">
                              消息
                          </div>
                          <p class="counter">
                              3
                          </p>
                      </a>
                      <ul class="dropdown-menu messages">
                          <li><a href="#">
                              <img width="34" height="34" src="picture/avatar-male2.png" />我们可以见面吗？我想...</a>
                          </li>
                          <li><a href="#">
                              <img width="34" height="34" src="picture/avatar-female.png" />重要的数据需要分析...</a>
                          </li>
                          <li><a href="#">
                              <img width="34" height="34" src="picture/avatar-male2.png" />Se7en是一款不错的主题。</a>
                          </li>
                      </ul>
                  </li>
                  <li class="dropdown settings hidden-xs">
                      <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span aria-hidden="true" class="se7en-gear"></span>
                          <div class="sr-only">
                              设置
                          </div>
                      </a>
                      <ul class="dropdown-menu">
                          <li>
                              <a class="settings-link blue" href="javascript:chooseStyle('none', 30)"><span></span>蓝色</a>
                          </li>
                          <li>
                              <a class="settings-link green" href="javascript:chooseStyle('green-theme', 30)"><span></span>绿色</a>
                          </li>
                          <li>
                              <a class="settings-link orange" href="javascript:chooseStyle('orange-theme', 30)"><span></span>橘黄色</a>
                          </li>
                          <li>
                              <a class="settings-link magenta" href="javascript:chooseStyle('magenta-theme', 30)"><span></span>品红</a>
                          </li>
                          <li>
                              <a class="settings-link gray" href="javascript:chooseStyle('gray-theme', 30)"><span></span>灰色</a>
                          </li>
                      </ul>
                  </li>
                  <li class="dropdown user hidden-xs"><a data-toggle="dropdown" class="dropdown-toggle" href="#">
                      <img width="34" height="34" src="picture/avatar-male.jpg" />管理员<b class="caret"></b></a>
                      <ul class="dropdown-menu">
                          <li><a href="#">
                              <i class="icon-user"></i>我的账户</a>
                          </li>
                          <li><a href="#">
                              <i class="icon-gear"></i>账户设置</a>
                          </li>
                          <li><a href="login1.html">
                              <i class="icon-signout"></i>退出</a>
                          </li>
                      </ul>
                  </li>
              </ul>
          </div>
          <button class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="logo" href="index.html">se7en</a>
          <form class="navbar-form form-inline col-lg-2 hidden-xs">
              <input class="form-control" placeholder="搜索" type="text">
          </form>
      </div>
      <div class="container-fluid main-nav clearfix">
          <div class="nav-collapse">
              <ul class="nav">
                  <li>
                      <a href="index.html"><span aria-hidden="true" class="se7en-home"></span>控制台</a>
                  </li>
                  <li><a class="current" href="social.html">
                      <span aria-hidden="true" class="se7en-feed"></span>社交订阅</a>
                  </li>
                  <li class="dropdown"><a data-toggle="dropdown" href="#">
                      <span aria-hidden="true" class="se7en-star"></span>特色<b class="caret"></b></a>
                      <ul class="dropdown-menu">
                          <li>
                              <a href="buttons.html">按钮</a>
                          </li>
                          <li>
                              <a href="fontawesome.html">Font Awesome Icons</a>
                          </li>
                          <li><a href="glyphicons.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  Glyphicons
                              </p></a>

                          </li>
                          <li>
                              <a href="components.html">组件</a>
                          </li>
                          <li>
                              <a href="widgets.html">小工具</a>
                          </li>
                          <li>
                              <a href="typo.html">排版</a>
                          </li>
                          <li>
                              <a href="grid.html">栅格</a>
                          </li>
                      </ul>
                  </li>
                  <li class="dropdown"><a data-toggle="dropdown" href="#">
                      <span aria-hidden="true" class="se7en-forms"></span>表单<b class="caret"></b></a>
                      <ul class="dropdown-menu">
                          <li><a href="form-components.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  表格组件
                              </p></a>

                          </li>
                          <li>
                              <a href="form-advanced.html">高级形式</a>
                          </li>
                      </ul>
                  </li>
                  <li class="dropdown"><a data-toggle="dropdown" href="#">
                      <span aria-hidden="true" class="se7en-tables"></span>表格<b class="caret"></b></a>
                      <ul class="dropdown-menu">
                          <li>
                              <a href="tables.html">基本表格</a>
                          </li>
                          <li>
                              <a href="datatables.html">数据表格</a>
                          </li>
                          <li><a href="datatables-editable.html">
                              <div class="notifications label label-warning">
                                  新
                              </div>
                              <p>
                                  编辑数据表格
                              </p></a>

                          </li>
                      </ul>
                  </li>
                  <li><a href="charts.html">
                      <span aria-hidden="true" class="se7en-charts"></span>图表</a>
                  </li>
                  <li class="dropdown"><a data-toggle="dropdown" href="#">
                      <span aria-hidden="true" class="se7en-pages"></span>页面<b class="caret"></b></a>
                      <ul class="dropdown-menu">
                          <li><a href="chat.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  聊天窗口
                              </p></a>
                          </li>
                          <li>
                              <a href="calendar.html">日历</a>
                          </li>
                          <li><a href="timeline.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  时间轴
                              </p></a>

                          </li>
                          <li><a href="login1.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  登录(1)
                              </p></a>

                          </li>
                          <li>
                              <a href="login2.html">登录(2)</a>
                          </li>
                          <li><a href="signup1.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  注册(1)
                              </p></a>

                          </li>
                          <li>
                              <a href="signup2.html">注册(2)</a>
                          </li>
                          <li><a href="invoice.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  订单
                              </p></a>

                          </li>
                          <li><a href="faq.html">
                              <span class="notifications label label-warning">新</span>
                              <p>
                                  FAQ
                              </p></a>

                          </li>
                          <li>
                              <a href="filters.html">筛选结果</a>
                          </li>
                          <li>
                              <a href="404-page.html">404页面</a>
                          </li>
                      </ul>
                  </li>
                  <li><a href="gallery.html">
                      <span aria-hidden="true" class="se7en-gallery"></span>相册</a>
                  </li>
                  <li><a href="docs/index.html" target="_blank">
                      <span aria-hidden="true" class="se7en-doc"></span>帮助文档</a>
                  </li>
              </ul>
          </div>
      </div>
      </div>
      <!-- End Navigation -->

      <div class="container-fluid main-content">

<div class="social-wrapper">
  <div id="social-container"></div>
  <div class="row">
    <div class="col-lg-12">
      <div class="btn btn-lg btn-block btn-default" id="load-more">
        <i class="icon-spinner icon-spin"></i>加载内容
      </div>
    </div>
  </div>
  <div id="hidden-items">
    <!-- Share Form -->
    <div class="item widget-container share-widget fluid-height clearfix">
      <div class="widget-content padded">
        <textarea class="form-control" placeholder="您的最新动态…" rows="4"></textarea>
      </div>
      <div class="clearfix">
        <div class="col-xs-3 share-options active">
          <i class="icon-pencil"></i>
          <p>
             文本
          </p>
        </div>
        <div class="col-xs-3 share-options">
          <i class="icon-camera"></i>
          <p>
              照片
          </p>
        </div>
        <div class="col-xs-3 share-options">
          <i class="icon-link"></i>
          <p>
            链接
          </p>
        </div>
        <div class="col-xs-3 share-options">
          <i class="icon-youtube-play"></i>
          <p>
            视频
          </p>
        </div>
      </div>
    </div>
    <!-- end Share Form --><!-- Profile Widget -->
    <div class="item widget-container fluid-height profile-widget">
      <div class="widget-content padded">
        <div class="profile-info clearfix">
          <img width="70" height="70" class="social-avatar pull-left" src="picture/avatar-male.jpg" />
          <div class="profile-details">
            <a class="user-name" href="#">子涵</a>
            <p>
                 知名设计师
            </p>
            <em><i class="icon-map-marker"></i>甘肃兰州</em>
          </div>
        </div>
        <div class="profile-stats">
          <div class="col-xs-4">
            <a href="#">
              <h2>
                245
              </h2>
            </a>
            <p>
               文章
            </p>
          </div>
          <div class="col-xs-4">
            <a href="#">
              <h2>
                150
              </h2>
            </a>
            <p>
                朋友
            </p>
          </div>
          <div class="col-xs-4">
            <a href="#">
              <h2>
                12
              </h2>
            </a>
            <p>
                视频
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- end Profile Widget --><!-- Text Post -->
    <div class="item widget-container fluid-height social-entry">
      <div class="widget-content padded">
        <div class="profile-info clearfix">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-female2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">sheepppp</a>
            <p>
              <em>2 天前</em>
            </p>
          </div>
        </div>
        <p class="content">
            生活小智慧：做人低调的21条，句句都是精华！#生活智慧#
        </p>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-thumbs-up-alt"></i>
        </div>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-mail-forward"></i>
        </div>
      </div>
      <div class="comments padded">
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-female.png" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">愺莓菋糖</a>
            <p>
              <em>1 天前</em>
            </p>
          </div>
          <p class="content">
              【图】阁楼里的魔法师，时尚杂志《Harrods》2013年9月号包包特辑_包·鞋·配饰_海报时尚网
          </p>
        </div>
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-male.jpg" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">管理员</a>
            <p>
              <em>16 分钟前</em>
            </p>
          </div>
          <p class="content">
              灌篮高手20周年HD重制版要来了！陪伴我们年少时的热血青春就要回来了，一起去追忆那段岁月吧，这些原画你还记得吗？还有那段把漫画书翻烂了的年岁呢？
          </p>
        </div>
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Text Post -->
    <div class="item social-widget weibo">
      <i class="icon-weibo"></i>
      <div class="social-data">
        <h1>
          16,009
        </h1>
        关注
      </div>
    </div>
    <!-- Media Post -->
    <div class="item widget-container clearfix social-entry">
      <div class="widget-content">
        <div class="profile-info clearfix padded">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-male2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">木马1989 </a>
            <p>
              <em>12 天前</em>
            </p>
          </div>
        </div>
        <img width="350" height="262" class="social-content-media" src="picture/social-image.jpg" />
        <div class="padded">
          <p class="content">
              老中医健康减肥养生堂【中医教你七个“按时”巧养生法】
          </p>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-thumbs-up-alt"></i>
          </div>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-mail-forward"></i>
          </div>
        </div>
      </div>
      <div class="comments padded">
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Media Post --><!-- Text Post -->
    <div class="item widget-container fluid-height social-entry">
      <div class="widget-content padded">
        <div class="profile-info clearfix">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-female2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">_D_漂的佐</a>
            <p>
              <em>2 天前</em>
            </p>
          </div>
        </div>
        <p class="content">
            某别墅形象平面稿-DM/宣传单/平面广告
        </p>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-thumbs-up-alt"></i>
        </div>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-mail-forward"></i>
        </div>
      </div>
      <div class="comments padded">
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-male.jpg" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">☆离开天空的云</a>
            <p>
              <em>16 分钟前</em>
            </p>
          </div>
          <p class="content">
              紫色爱情是高贵纯洁的爱情，它不看重俗气的金钱，唯一能打动它的也许只有从心而出的那份无可替代的真爱！
          </p>
        </div>
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Text Post -->
    <div class="item social-widget renren">
      <i class="icon-renren"></i>
      <div class="social-data">
        <h1>
          120
        </h1>
             喜欢
      </div>
    </div>
    <!-- Media Post -->
    <div class="item widget-container clearfix social-entry">
      <div class="widget-content">
        <div class="profile-info clearfix padded">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-male2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">站在街角</a>
            <p>
              <em>12 天前</em>
            </p>
          </div>
        </div>
        <img width="350" class="social-content-media" src="picture/5587f02d7cc94b4fa2e0e7c550df5ef6.gif" />
        <div class="padded">
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-thumbs-up-alt"></i>
          </div>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-mail-forward"></i>
          </div>
        </div>
      </div>
      <div class="comments padded">
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-male.jpg" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">管理员</a>
            <p>
              <em>16 分钟前</em>
            </p>
          </div>
          <p class="content">
              【上班族养生：提高睡眠质量的六种天然“安眠药”】1、香蕉改善睡眠质量，能使肌肉放松。2、蜂蜜改善睡眠质量。有助于睡前放松。3、燕麦改善睡眠质量。4、土豆可以发挥催眠的作用。5、杏仁改善睡眠质量。6、全麦面包有助于帮你进入梦乡。
          </p>
        </div>
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Media Post --><!-- Text Post -->
    <div class="item widget-container fluid-height social-entry">
      <div class="widget-content padded">
        <div class="profile-info clearfix">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-female2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">百破73 </a>
            <p>
              <em>2 天前</em>
            </p>
          </div>
        </div>
        <p class="content">
            晚饭后半个小时，夹紧臀部，把整个背部紧贴在墙壁上，臀部、背部、腿部、腰部、头、脖子等都尽量贴紧墙面。坚持15分钟。每天都做一次，一周就开始见到效果，不仅瘦腰，而且腿部、脖子、脸部也能变瘦
        </p>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-thumbs-up-alt"></i>
        </div>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-mail-forward"></i>
        </div>
      </div>
      <div class="comments padded">
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Text Post -->
    <div class="item social-widget instagram">
      <i class="icon-instagram"></i>
      <div class="social-data">
        <h1>
          120k
        </h1>
        关注
      </div>
    </div>
    <!-- Text Post -->
    <div class="item widget-container fluid-height social-entry">
      <div class="widget-content padded">
        <div class="profile-info clearfix">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-female2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">肖壮悦_Xtiger_新浪博客</a>
            <p>
              <em>2 天前</em>
            </p>
          </div>
        </div>
        <p class="content">
            总有一段路，需要一个人走，那就勇敢地漫步，华丽地走完
        </p>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-thumbs-up-alt"></i>
        </div>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-mail-forward"></i>
        </div>
      </div>
      <div class="comments padded">
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-female.png" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">白白的天蓝色</a>
            <p>
              <em>1 天前</em>
            </p>
          </div>
          <p class="content">
              做一个寡言，却心有一片海的人。
          </p>
        </div>
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-male.jpg" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">管理员</a>
            <p>
              <em>16 分钟前</em>
            </p>
          </div>
          <p class="content">
              一部电影《恋上你的床》讲述的是男女之间的爱情，生活里可以没有爱情，但床却是生活必需品。床的舒适程度直接影响了睡眠质量，这里我们为您推荐45款舒适柔软的床，让您真真切切感受到床带给您的惬意享受。
          </p>
        </div>
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Text Post --><!-- Media Post -->
    <div class="item widget-container clearfix social-entry">
      <div class="widget-content">
        <div class="profile-info clearfix padded">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-male2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">盒子的故事</a>
            <p>
              <em>12 天前</em>
            </p>
          </div>
        </div>
        <img width="350" height="262" class="social-content-media" src="picture/manofscience.jpg" />
        <div class="padded">
          <p class="content">
              每天吃两颗用红酒煮过的金橘，可缓解肌肤衰老，改善肌肤质量的最佳组合，也是祛痘良方。这个方法做起来也很简单。把金橘洗净后用开水煮3~4分钟，晾凉后用牙签在每个金橘上面扎几个小洞，然后再放入煮沸的红酒里，小火煮30分钟即可。来自:新浪微博
          </p>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-thumbs-up-alt"></i>
          </div>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-mail-forward"></i>
          </div>
        </div>
      </div>
      <div class="comments padded">
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Media Post -->
    <div class="item social-widget pinterest">
      <i class="icon-pinterest"></i>
      <div class="social-data">
        <h1>
          230
        </h1>
               采集
      </div>
    </div>
    <!-- Text Post -->
    <div class="item widget-container fluid-height social-entry">
      <div class="widget-content padded">
        <div class="profile-info clearfix">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-female2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">风为裳~</a>
            <p>
              <em>2 天前</em>
            </p>
          </div>
        </div>
        <p class="content">
            【大蒜赛人参 常吃有4大好处】常吃大蒜能够：1.抵御感冒；2.有助防治心脑血管疾病；3.能调节免疫系统功能；4.大蒜抗癌，尤其是胃癌。大蒜宜生食，最好捣碎成泥，并且先放10～15分钟，以利大蒜素产生。吃大蒜后，可以嚼山楂、花生米，吃茶叶去蒜味。
        </p>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-thumbs-up-alt"></i>
        </div>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-mail-forward"></i>
        </div>
      </div>
      <div class="comments padded">
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-male.jpg" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">管理员</a>
            <p>
              <em>16 分钟前</em>
            </p>
          </div>
          <p class="content">
              田园 清新图片来自荔枝蜜在日光倾城的分享
          </p>
        </div>
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Text Post --><!-- Media Post -->
    <div class="item widget-container clearfix social-entry">
      <div class="widget-content">
        <div class="profile-info clearfix padded">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-male2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">石榴社区</a>
            <p>
              <em>12 天前</em>
            </p>
          </div>
        </div>
        <img width="350" class="social-content-media" src="picture/8c7e1b816b904aa5b51e8f3a80fe7ea9.gif" />
        <div class="padded">
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-thumbs-up-alt"></i>
          </div>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-mail-forward"></i>
          </div>
        </div>
      </div>
      <div class="comments padded">
        <div class="comment">
          <img width="40" height="40" class="social-avatar pull-left" src="picture/avatar-male.jpg" />
          <div class="profile-details clearfix">
            <a class="user-name" href="#">管理员</a>
            <p>
              <em>16 分钟前</em>
            </p>
          </div>
          <p class="content">
              【对女人最好的11种食物】1、黄豆调理雌激素。2、菌类调节免疫系统。3、葡萄抗氧化。4、茶叶防辐射。5、米饭防止肌肤干燥，米汤有助于消化。6、土豆是减肥佳品。7、番茄延缓衰老。8、姜减少色素沉淀。9、燕麦减少脂肪。10、醋增强皮肤活力。11、红酒可提升气色。
          </p>
        </div>
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Media Post -->
    <div class="item social-widget dribbble">
      <i class="icon-dribbble"></i>
      <div class="social-data">
        <h1>
          185
        </h1>
              引用
      </div>
    </div>
    <!-- Text Post -->
    <div class="item widget-container fluid-height social-entry">
      <div class="widget-content padded">
        <div class="profile-info clearfix">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-female2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">Stan Humanbot</a>
            <p>
              <em>2 天前</em>
            </p>
          </div>
        </div>
        <p class="content">
            田园图片来自荔枝蜜在日光倾城的分享
        </p>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-thumbs-up-alt"></i>
        </div>
        <div class="btn btn-sm btn-default-outline">
          <i class="icon-mail-forward"></i>
        </div>
      </div>
      <div class="comments padded">
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Text Post --><!-- Media Post -->
    <div class="item widget-container fluid-height clearfix social-entry">
      <div class="widget-content">
        <div class="profile-info clearfix padded">
          <img width="50" height="50" class="social-avatar pull-left" src="picture/avatar-female2.png" />
          <div class="profile-details">
            <a class="user-name" href="#">Stan Humanbot</a>
            <p>
              <em>2 天前</em>
            </p>
          </div>
        </div>
          <iframe height=300 width=100% src="" frameborder=0 allowfullscreen></iframe>
        <div class="padded">
          <p class="content">
              谷歌眼镜升级版现身 与近视镜结合 131107
          </p>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-thumbs-up-alt"></i>
          </div>
          <div class="btn btn-sm btn-default-outline">
            <i class="icon-mail-forward"></i>
          </div>
        </div>
      </div>
      <div class="comments padded">
        <form role="form">
          <div class="form-group">
            <input class="form-control" id="exampleInputEmail1" placeholder="添加评论…" type="email">
          </div>
        </form>
      </div>
    </div>
    <!-- end Media Post -->
  </div>
</div>

      </div>
    </div>
  </body>
</html>